<template>
    <div class="common-layout">
     <el-container>
       <el-aside width="$store.state.homeview.navBool">
        <!-- 左侧导航 -->
            <Ln />
       </el-aside>
       <el-container>
         <el-header>
            <!-- 右侧头部 -->
            <Tr />
         </el-header>
         <el-main>
            <router-view></router-view>
         </el-main>
       </el-container>
     </el-container>
    </div>
</template>
<script setup>
    import Ln from './components/LeftNav.vue'
    import Tr from './components/TopRight.vue'
</script>
<style lang="scss">
     .el-aside{
         background-color: #535b64;
     }
     .el-header{
         background-color: rgb(248, 245, 225);
     }
     .el-main{
         background-color: #dcdcdc;
     }
    .el-aside,.el-container,.common-layout,#app,body,html{
        height:100%;
    }
</style>